@charset "utf-8";html,body,div,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,input,textarea,p,th,td,button,span,menu,section,nav {margin:0;padding:0;}
:focus {outline:none}
a,img,button,input,textarea,div,body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ul,li {list-style:none;}
img,fieldset {border:none;margin:0;padding:0;}
table {border-collapse:collapse;}
dfn {color:#F0831E;font-style:normal;font-size:12px;font-family:"微软雅黑";}
em,i {font-style:normal;}
a {color:#000000;text-decoration:none;}
a:-webkit-any-link {outline:none;}
html, body{height:100%;font-family:"微软雅黑";}
body select::-ms-expand{display:none;}
select{
  appearance:none;
 -moz-appearance:none;
 -webkit-appearance:none;
 background: rgba(0,0,0,0);
 border: none;font-size: 15px;
}
body {position:relative;width:100%;min-width:320px;background:#f4f7f9;overflow-x:hidden;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:subpixel-antialiased;-moz-user-select:none;color:#333;font-size: 14px;}
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance:none;border-radius:0.0001px;}
.clear{display: block; clear:both;}
.ellipse1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ellipse2{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ellipse3{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

/*顶部返回*/
.head{width: 100%;position: fixed;height: 44px;line-height: 44px;background: #fff;border-bottom: 1px solid #f5f5f5;position: fixed;top: 0;left: 0;z-index: 4;}
.head_left{width: 15%;float: left;}
.head_left .iconfont{margin-left: 20%;}
.head_center{width: 70%;float: left;text-align: center;font-size: 15px;color: #333;font-weight: 500;}
.head_right{width: 15%;float: right;text-align: center;}
/*底部导航*/
.foot{width: 100%;background: #fff;height: 54px;position: fixed;bottom: 0;left: 0;box-shadow: 0 0 2px rgba(0,0,0,0.05);z-index: 1;}
.foot_da{width: 25%;text-align: center;float: left;}
.foot_da_img{width: 22px;margin-top: 6px}
.foot_da_p{font-size: 12px;color: #4288ff;}
.foot_da_p1{font-size: 12px;color: #ccc;}
/*my*/
.my_head{position: relative;}
.my_head_bg{width: 100%;height: 0;padding-top: 51%;position: relative;}
.my_head_bg_img{width: 100%;position: absolute;top: 0;left: 0;}

.my_head_qd{position: absolute;left: 5%;width: 90%;top: 14%}
.my_head_qd_l{padding-right: 90px;position: relative;}
.my_head_qd_l_p1{font-size: 24px;font-weight: 500;color: #fff;line-height: 40px;}
.my_head_qd_l_p2{font-size: 14px;color: #fff;line-height: 24px;}
.my_head_qd_l_p3{font-size: 12px;color: #f5f5f5;line-height: 22px;height: 22px;display: inline-block;padding: 0 10px;border-radius: 15px;border:1px solid #f5f5f5;margin-top: 6px;}

.my_head_qd_l_p3 i{font-size: 12px;}
.my_head_qd_r{position: absolute;right: 0;top: 20%; width: 74px;height: 74px; background: rgba(255,255,255,0.3);border-radius: 100%;text-align: center;}
.my_head_qd_r1{width: 60px;height: 60px; background: rgba(255,255,255,1);border-radius: 100%;text-align: center;margin: 7px auto 0;}
.my_head_qd_r1_p{display: inline-block; width: 40px;height: 40px;line-height: 20px;color: #3c97ff;margin: 10px auto 0;font-size: 15px;font-weight: 500;}
.my_head_qd_r1_p1{display: inline-block; width: 40px;height: 40px;line-height: 20px;color: #f35600;margin: 10px auto 0;font-size: 15px;font-weight: 500;}

.my_head_box{width: 94%;position: relative;left: 3%;margin-top: -4%; background: #f4f7f9;border-radius: 8px;overflow: hidden; box-shadow: 0 0 8px rgba(0,0,0,0.05);padding-top: 10px;}
.my_head_l{float: left; width: 30px;position: relative;height: 30px;overflow: hidden;border-radius: 100%;left: 3%;}
.my_head_l_img{width: 100%;position: absolute;min-height: 100%;top: 0;left: 0;z-index: 1;}
.my_head_c{padding-left: 54px;}
.my_head_c_p{font-size: 15px;font-weight: 500;color: #333;width: 100%;line-height: 30px}
.my_head_c_p1{font-size: 13px;color: #666;padding-top: 3px;}
.my_head_c_p1_span{font-weight: 600;font-size: 17px;color: #ecbc60}
.my_head_r{float: right;position: absolute;right: 5%;top: 25%;background: #db554e;border-radius: 20px;color: #fff;width: 70px;height: 28px;text-align: center;font-size: 14px;line-height: 28px;}
.my_head_r i{font-size: 20px;float: left;margin-left: 9px;padding-top: 1px;}
.my_head_r_span{float: left;display: inline-block;line-height: 28px;}
.qdtc{width: 54%;padding: 10px 3%;position: fixed;left: 20%;top: 50%;z-index: 1; margin-top: -50px;text-align: center;background: rgba(0,0,0,0.65);border-radius: 6px;display: none;}
.qdtc_p{font-size: 13px;color: #fff;}
.qdtc_p_span1{font-size: 16px;font-weight: bold;color: #fff;line-height: 34px;}
.my_box{width: 100%;border-top: 1px solid #f4f7f9;padding-top: 10px;margin: 10px auto 0;background: #fff;}
.my_da{width: 25%;float: left;text-align: center;}
.my_da_p{font-size: 13px;color: #a0a0a0;font-weight: 400;}
.my_da_p1{font-size: 17px;color: #333;font-weight: 500;line-height: 30px}

.my_gyz{width: 88%;margin: 10px auto 20px;background: #fff;border-radius: 8px;padding: 4px 3% 0;box-shadow: 0 0 8px rgba(0,0,0,0.05);}
.my_gyz_dt{font-size: 16px;color: #333;font-weight: 500;line-height: 44px;border-bottom: 1px solid #f4f7f9;}
.my_gyz_dt .icon-task{float: left;font-size: 20px;color: #3a84ff;}
.my_gyz_dt .icon-you{float: right;font-size: 14px;color: #919191;}
.my_gyz_dt .spanl{float: left;font-size: 14px;font-weight: 500;color: #454545;margin-left: 2px;}
.my_gyz_dt .spanr{float: right;font-size: 13px;font-weight: 400;color: #919191;margin-right: 2px;}
.my_gyz_dl{position: relative;padding: 15px 0;border-bottom: 1px solid #f4f7f9;}
.my_gyz_dl_l{width: 20%;height: 0;padding-top: 20%; float: left;position: relative;margin-right: 3%; text-align: center;line-height: 44px;border-radius: 4px;overflow: hidden;}
.my_gyz_dl_l img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.my_gyz_dl_r{/*padding-left: 23%;*/}
.my_gyz_dl_r_p1{font-size: 16px;color: #333;font-weight: 500;line-height: 24px;}
.my_gyz_dl_r_p2{font-size: 14px;color: #666;padding-top: 1px;}
.my_gyz_dl_r_p3{font-size: 14px;color: #666;padding-top: 2px;}
.my_gyz_dl_r_p1 span{float: right;font-size: 14px;font-weight: 400;}
.my_gyz_dl_r_p1 .span1{color: #ff8200;}
.my_gyz_dl_r_p1 .span2{color: #3cb371;}
.my_gyz_dl_r_p1 .span3{color: #919191;}
.my_gyz_dl_r_p1 .span4{color: #F44336;}
.my_gyz_dl_c{width: 60%;margin: 10px auto 0;height: 34px;line-height: 34px;text-align: center;border-radius: 20px;color: #fff;font-size: 15px;
    background: -webkit-linear-gradient(left, #ff8600, #fcb648);
    background: -o-linear-gradient(left, #ff8600, #fcb648);
    background: -moz-linear-gradient(left, #ff8600, #fcb648);
    background: linear-gradient(left, #ff8600, #fcb648);
}
.my_gyz_dl_c1{width: 60%;margin: 10px auto 0;height: 34px;line-height: 34px;text-align: center;border-radius: 20px;color: #fff;font-size: 15px;
    background: -webkit-linear-gradient(left, #3cb371, #6bc995);
    background: -o-linear-gradient(left, #3cb371, #6bc995);
    background: -moz-linear-gradient(left, #3cb371, #6bc995);
    background: linear-gradient(left, #3cb371, #6bc995);
}
/*提示窗*/
.enter_tc{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 5;display: none;}
.enter_box{width: 80%;background: #fff;border-radius: 6px;position: fixed;top: 50%;margin-top: -70px;left: 10%;text-align: center;overflow: hidden;}
.enter_q{font-size: 16px;font-weight: 500;line-height: 24px;padding: 30px 3%;color: #333;}
.enter_l{width: 50%;float: left;color: #666;line-height: 44px;border-top: 1px solid #f4f7f9;}
.enter_r{width: 50%;float: right;color: #fff;background: #4288ff;line-height: 44px;border-top: 1px solid #4288ff;}

.qdtc{width: 54%;padding: 10px 3%;position: fixed;left: 20%;top: 50%;z-index: 1; margin-top: -50px;text-align: center;background: rgba(0,0,0,0.65);border-radius: 6px;display: none;}
.qdtc_p{font-size: 13px;color: #fff;}
.qdtc_p_span1{font-size: 16px;font-weight: bold;color: #fff;line-height: 34px;}



/*登陆*/
.login_tit{font-size: 24px;font-weight: bold;color: #fff;text-align: center;width: 100%;position: absolute;top: 50%;margin-top: -15px;}
.login_box{width: 78%;position: absolute;left: 5%;padding: 0 6%; margin-top: -20px; background: #fff;border-radius: 8px;overflow: hidden; box-shadow: 0 0 8px rgba(0,0,0,0.05);padding-top: 15px;}
.login_da{width: 100%;background: #f4f7f9;margin: 10px auto 0;border-radius: 4px}
.login_db{width: 56%;background: #f4f7f9;margin: 10px auto 0;border-radius: 4px;float: left;}
.login_dc{width: 40%;background: #f4f7f9;margin: 10px auto 0;border-radius: 4px;float: right;height: 44px;line-height: 44px;text-align: center;color: #666;font-size: 15px;}
.login_box input{border:0;background: rgba(255,255,255,0);height: 44px;padding: 0 3%;font-size: 15px;color: #333;width: 94%;}
.login_dd{width: 100%;height: 44px;line-height: 44px;text-align: center;color: #fff;background: #3b93ff;border-radius: 4px;margin-top: 10px;margin-bottom: 20px;}
.login_dc:hover{color: #7896c4}
.login_box select{border:0;background: rgba(255,255,255,0);height: 44px;padding: 0 3%;font-size: 15px;color: #333;width: 94%;}


/*detail*/
.detail_da{border-bottom: 1px solid #f5f5f5;}
.detail_da_p1{color: #666;font-size: 14px;line-height: 24px;padding: 13px 0;display: inline-block;width: 88px;float: left;position: absolute;}
.detail_da_p2{color: #333;font-size: 14px;line-height: 24px;padding: 13px 0;padding-left: 88px;}
.detail_da_p3{color: #db554e;font-size: 14px;line-height: 24px;padding: 13px 0;padding-left: 88px;}
.detail_da_p3 span{color: #db554e;font-weight: bold;font-size: 18px;}
.detail_da_p4{width: 23%;height: 0px;padding-top: 23%;position: relative; border-radius: 4px;float: left;margin-right: 2%;margin-bottom: 6px;}
.detail_da_p4 img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 4px;}
.detail_tixed{position: absolute;top: 0px;right: 3%;width: 20%;}
.detail_tixed img{width: 100%;}


/*打卡记录*/
.yue_db{position: relative;margin: 30px 0;}
.yue_db_l{width:75%;float: right;}
.yue_db_l .p1{font-size: 14px;color: #333;line-height: 25px;}
.yue_db_l .p1 .icon-rili{font-size: 16px;color: #b2b2b2;margin-right: 4px;}
.yue_db_l .p1 .icon-shijian{font-size: 16px;color: #4da9eb;margin-right: 4px;}
.yue_db_l .p3{font-size: 14px;color: #999;line-height: 26px;}
.yue_db_l .p2{font-size: 14px;color: #333;line-height: 26px;}
.yue_db_l .p2 .span1{font-size: 11px;color: #fff;display: inline-block;float: left; width: 16px;height: 16px;margin-right: 4px; text-align: center;line-height: 16px;border-radius: 100%;background: #b2b2b2;margin-top: 5px;}
.yue_db_l .p2 .span0{float: left;}
.yue_db_l .p2 .span2{float: left; font-size: 11px;background: #5e97f6;color: #fff;padding: 0 6px;border-radius: 10px;line-height: 16px;height: 16px;margin-top: 5px;margin-left: 4px;}
.yue_db_l .p2 .span3{float: left; font-size: 11px;background: #ff943e;color: #fff;padding: 0 6px;border-radius: 10px;line-height: 16px;height: 16px;margin-top: 5px;margin-left: 4px;}
.yue_db_r{width: 16%;float: left;line-height: 20px;text-align: right;position: absolute;top: 50%;margin-top: -20px;}
.yue_db_r .p1{font-size: 15px;color: #333;font-weight: 500}
.yue_db_r .p2{font-size: 13px;color: #999;}
.yue_db_c{width: 6px;height: 6px;border-radius: 100%;background: #ccc;margin: 0 auto;text-align: center;position: absolute;top: 50%;margin-top: -3px;left: 20%;margin-left: -2px;} 
.yue_db_fixed{height: 100%;position: fixed;left: 20%;width: 1px;background: #eee;}



/*维修记录*/
.com_menta{width: 100%;margin: 0 ;background: #fff;border-radius: 3px;}
.com_menta_t{width: 94%;margin: 0 auto;border-bottom: 1px solid #f5f5f5;height: 60px;}
.com_menta_t .img1{width: 40px;height: 40px;border-radius: 100%;margin: 10px 10px 0 0;float: left;}
.com_menta_t .p1{float: left;line-height: 60px;font-size: 16px;font-weight: bold;color:#333;width: 60%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.com_mentb{max-width: 94%;min-width: 94%;max-height: 100px;min-height: 100px;line-height: 22px;font-size: 14px;padding:6px 1%;margin:10px 2% 10px;background: #f4f7f9;border: 1px solid #ddd;}
.com_mentc{border-left: 3px solid #1aa1f3;height: 16px;line-height: 16px;font-size: 14px;color:#333;padding-left: 4px;margin:10px 0 6px 10px;}
.com_mentd{width: 100%;height: 50px;text-align: center;line-height: 50px;color:#fff;font-size: 15px;position: fixed;bottom: 0px;left: 0;
background: -webkit-linear-gradient(left, #1aa1f3, #6783fb);
background: -o-linear-gradient(left, #1aa1f3, #6783fb);
background: linear-gradient(to right, #1aa1f3, #6783fb);}

.upload_choose{padding:1em;}
.upload_drag_area{display:inline-block; width:63%; padding:4em 0; margin-left:.5em; border:1px dashed #ddd; background:#fff no-repeat 20px center; color:#999; text-align:center; vertical-align:middle;}
.upload_drag_hover{border-color:#069; box-shadow:inset 2px 2px 4px rgba(0, 0, 0, .5); color:#333;}
.upload_preview{background-color:#fff; overflow:hidden; _zoom:1;}
.upload_append_list{margin:6px 0 6px 2.5%; float:left; position:relative;}
.upload_append_list:hover{cursor:pointer;}
.upload_delete{margin-left:2em;}
.upload_image{/* max-height:135px; */ padding:0px;}
.upload_submit{padding-top:1em; padding-left:1em;display: none;}
.upload_submit_btn{height:32px; font-size:14px;display:none;}
.upload_progress{padding:5px; border-radius:10px; color:#fff; background-color:rgba(0,0,0,.6); position:absolute; left:25px; top:45px;}
.andArea{background: url(../images/add_img.png) no-repeat scroll center 5px rgba(0, 0, 0, 0);border: 1px dashed #E6E6E6;color: #CCCCCC;font-size: 18px;padding-top: 77px;position: relative;text-align: center;top: 0;}
.filePicker{background: none repeat scroll 0 0 #00B7EE;border-radius: 3px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);color: #FFFFFF;cursor: pointer;display: inline-block;font-size: 18px;height: 44px;line-height: 44px;width: 90%;min-width:120px;margin: 0 auto 0px;overflow: hidden;transition: background 0.2s;
    -moz-transition: background 0.2s;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
}
.filePicker:hover{background: none repeat scroll 0 0 #00A2D4;}
.demo{margin: auto;}
.convent_choice{float: left;height: 130px;width: 35%;}
#fileImage{display: none;}
.status_bar{border-top: 1px solid #DADADA;height: 45px;line-height: 45px;padding: 0 10px;position: relative;vertical-align: middle;background-color: #FFFFFF;}
.info{float:left;color:#666666;display: inline-block;}
.btns{position: absolute;right: 16px;line-height: 30px;top: 6px;display: none;}
.webuploader_pick{-moz-user-select: none;background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CFCFCF;border-radius: 3px;color: #565656;cursor: pointer;display: inline-block;float: left;font-size: 14px;margin-left: 10px;padding: 0 18px;position: relative;text-align: center;line-height: 32px;transition: border 0.2s;-moz-transition: border 0.2s;-webkit-transition: border 0.2s;-o-transition: border 0.2s;}
.webuploader_pick:hover{border: 1px solid #ddd;}
.upload_btn{display: none; background: none repeat scroll 0 0 #00B7EE;border-radius: 3px;color: #fff;cursor: pointer;display: inline-block;float: left;font-size: 14px;margin-left: 10px;padding: 0 18px;position: relative;text-align: center;line-height: 34px;transition: background 0.2s;
    -moz-transition: background 0.2s;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
}
.upload_btn:hover{background: none repeat scroll 0 0 #00A2D4;}
.file_bar{margin: 0;left: 0px;right: 0px;position: absolute;top: 0px;height:0px;padding:0px;margin: 0;opacity: 0.8;color:#fff;background: none repeat scroll 0 0 #000000;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;overflow: hidden;}
.file_bar a{color: #FFFFFF;position: absolute;right: 10px;}
.file_hover{height:30px;cursor:pointer;}
.uploadImg{margin:0px;}
.file_progress{display: none;margin: 0;position: absolute;bottom:0px;height:8px;left:0px;right:0px;background: none repeat scroll 0 0 #00B7EE;text-align:center;width: 0%;}
.file_failure{display: none;margin: 0;position: absolute;bottom:0px;height:24px;left:0px;right:0px;background: none repeat scroll 0 0 red;color:#fff;text-align:center;}
.file_success{display: none;margin: 0;position: absolute;bottom:0px;height:40px;left:0px;right:0px;background: url(../images/success.png) no-repeat scroll right bottom transparent;}
.file_name{margin:0px;white-space: nowrap;width: 66%;overflow: hidden;-o-text-overflow: ellipsis;    /* Opera */text-overflow:ellipsis;float: left;}
.file_edit{background: url(../images/edit_white.png) no-repeat scroll 0 0 transparent;width:18px;height:18px;display: inline;-moz-user-select: none;position: absolute;right:22px;margin-top:4px;}
.file_edit:hover{background: url(../images/edit_blue.png) no-repeat scroll 0 0 transparent;}
.file_del{background: url(../images/delete_white.png) no-repeat scroll 0 0 transparent;width:18px;height:18px;display: inline;-moz-user-select: none;position: absolute;right:3px;margin-top:4px;}
.file_del:hover{background: url(../images/delete_blue.png) no-repeat scroll 0 0 transparent;}
.upload_append_list a {display: table-cell;text-align: center;vertical-align: middle;border: 1px solid #ddd;}
.upload_append_list img {border: solid 1px #66f;vertical-align: middle; /*图片垂直居中*/}
.uploadImg {margin: auto;max-height: 100px;overflow: hidden;}
.uploadImg img{border:none; max-width: 100%!important;height: auto!important;}              
.add_upload{height:100%; margin:6px 0 6px 2.5%; float:left; position:relative;}
.add_upload:hover{cursor:pointer;}
.add_imgBox{border: 1px solid #ddd;display: table-cell;text-align: center;vertical-align: middle;transition: border 0.2s;-moz-transition: border 0.2s;-webkit-transition: border 0.2s;-o-transition: border 0.2s;}
.add_imgBox:hover{border: 1px solid #ddd;}


/*加载中*/
.zhezhao_boxa{width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: none;z-index: 1000;}
.opentca{border-radius: 5px;position: fixed;top: 50%;margin-top: -60px;left: 50%;margin-left:-30px;opacity: 0.6;}
.opentca img{width:100%;}